<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<%
String more = "<script src=\"/js/jquery.maskedinput.min.js\"></script>" +
		"<script src=\"/js/jquery.livequery.js\"></script>" +
		"<script src=\"/js/jquery.numeric.js\"></script>" +
		"<script src=\"/js/jquery.price_format.1.3.js\"></script>";
request.setAttribute("more", more);
%>

<c:import url="/views/includes/header.jsp" />

<div class="container">
	<div class="content content-map">
	
		<%@ include file="/views/includes/busca-horizontal.jsp" %>
	
		
		<div class="bg-double-border">
			<span class="bg-white">Ultimos imóveis</span>
		</div>
	
		<div class="ultimos-imoveis left mr6">
			<div class="img-wrap">
				<h6 class="snipe open-house">Open House</h6>
				<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/800-the-mark-ln/">
					<img width="223" src="http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/themes/realestate_3/img_resize/timthumb.php?src=http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/uploads/2012/02/800-Mark-2401-3.jpg&amp;w=523&amp;zc=1" />
				</a>
			</div>
			<div class="featured-listing-info">
				<h6>
					<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/800-the-mark-ln/">800 The Mark Ln</a>
				</h6>
				<p>San Diego, CA 92101</p>
			</div>
		</div>
	
		<div class="ultimos-imoveis left mr6">
			<div class="img-wrap">
				<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/1262-kettner-blvd/">
					<img width="223" src="http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/themes/realestate_3/img_resize/timthumb.php?src=http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/uploads/2012/02/1262-Kettner-Blvd-1401-2.jpg&amp;w=523&amp;zc=1" />
				</a>
			</div>
			<div class="featured-listing-info">
				<h6>
					<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/1262-kettner-blvd/">1262 Kettner Blvd</a>
				</h6>
				<p>San Diego, CA 92101</p>
			</div>
		</div>
	
		<div class="ultimos-imoveis left mr6">
			<div class="img-wrap">
				<h6 class="snipe reduced">Reduced</h6>
				<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/650-columbia-st-112/">
					<img width="223" src="http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/themes/realestate_3/img_resize/timthumb.php?src=http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/uploads/2012/02/650-Columbia-112-3.jpg&amp;w=523&amp;zc=1" />
				</a>
			</div>
			<div class="featured-listing-info">
				<h6>
					<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/650-columbia-st-112/">1200 State St #112</a>
				</h6>
				<p>San Diego, CA 92101</p>
			</div>
		</div>
	
		<div class="ultimos-imoveis left">
			<div class="img-wrap">
				<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/1441-9th-ave-303/">
					<img width="223" src="http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/themes/realestate_3/img_resize/timthumb.php?src=http://wp.contempographicdesign.com/wp_real_estate_3/wp-content/uploads/2012/02/700-E-2605.jpg&amp;w=523&amp;zc=1" />
				</a>
			</div>
			<div class="featured-listing-info">
				<h6>
					<a href="http://wp.contempographicdesign.com/wp_real_estate_3/listings/1441-9th-ave-303/">700 W E St #2605</a>
				</h6>
				<p>San Diego, CA 92101</p>
			</div>
		</div>
		
		<div style="clear:both; height:25px;"></div>
		
		<div class="bg-double-border">
			<span class="bg-white">Imóveis por estado</span>
		</div>
		<ul>
			<c:forEach var="estado" items="${distinctEstados}">
				<li><a href="/imoveis/${fn:toLowerCase(estado.uf)}/">${estado.nome}</a></li>
			</c:forEach>
		</ul>
		
		<div class="bg-double-border">
			<span class="bg-white">Categorias</span>
		</div>
		<ul>
			<c:forEach var="categoria" items="${categorias}">
				<li><a style="text-transform: capitalize" href="/${categoria}/">${categoria}</a></li>
			</c:forEach>
		</ul>
		
		<div class="bg-double-border">
			<span class="bg-white">Intenções</span>
		</div>
		<ul>
			<c:forEach var="intencao" items="${intencoes}">
				<li><a style="text-transform: capitalize" href="/imoveis/${intencao}/">${intencao}</a></li>
			</c:forEach>
		</ul>
		
		
		<script type="text/javascript">
		// Opacidade da imagem de "ultimos imoveis"
		$(function() {
			$('.ultimos-imoveis img').each(function() {
				$(this).hover(function() {
					$(this).stop().animate({
						opacity : "0.7"
					}, 'slow');
				}, function() {
					$(this).stop().animate({
						opacity : "1"
					}, 'slow');
				});
			});
		});
		</script>

<c:import url="/views/includes/footer.jsp" />